.panel-header {
  padding: 12px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;

  .control-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    :global {
      .ant-btn {
        height: 32px;
        padding: 4px 12px;
        font-size: 14px;
        border-radius: 4px;

        &:hover {
          opacity: 0.8;
        }

        &[disabled] {
          opacity: 0.5;
          cursor: not-allowed;
        }
      }

      .ant-space {
        .ant-btn {
          min-width: 80px;
        }
      }
    }
  }

  .record-button {
    &:hover {
      opacity: 0.85;
    }
  }

  .control-button {
    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
  }

  .settings-button {
    &:hover {
      background-color: #d9d9d9;
    }
  }
}